<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>custom-vue</title>

</head>

<body>
<div id="app">
<h1>差值表达式</h1>
<h3>{{msg}}</h3>
<h3>{{count}}</h3>
<h1>v-text</h1>
<div v-text="msg"></div>
<h1>v-model</h1>
<input type="text" v-model="msg"></input>
<input type="text" v-model="count"></input>
</div>
<!-- built files will be auto injected -->

<script src="./js/dep.js"></script>
<script src="./js/watcher.js"></script>

<script src="./js/compiler.js"></script>
<script src="./js/observer.js"></script>
<script src="./js/vue.js"></script>


<script>
let vm = new Vue({
    el: "#app",
    data: {
        msg: "Hello Vue",
        count: 100,
        person: {
            name: "rays77"
        }
    }
})

console.log(vm.msg)
    // vm.msg = {
    //     test: "hello"
    // }
</script>

</body>

</html>